//基础公用样式
@import "themeVariable";
.app-container{
  @include themify($themes){
    .quick_row{
      height: 100%;
      .el-col{
        height: 100%;
        .xw_quick_textarea{
          height: 100%;
          .el-textarea__inner{
            height: 100%;
          }
        }
        .el-card{
          height: 100%;
          .dataShow{
            // text-indent: 2ch;
          }
        }
      }
    }
    .xuanFu {
      animation: glow 2s ease-in-out infinite;
      position: absolute;
      width: 70px;
      height: auto;
      right: 0px;
      top: 40px;
      z-index: 999999;
      padding: 0px 3px 3px;
      margin: 4px 2px;
      cursor: move;
      /*box-shadow: 0 0 5px black, 0 0 25px #001f6b, 0 0 25px #001f6b,
        0 0 25px #001f6b;*/
      h1 {
        padding: 7px;
        font-size: 26px;
      }
      p {
        padding: 7px;
        font-size: 12px;
      }
    }

    @keyframes glow {
      0% {
        box-shadow: 0 0 10px #3498db;
      }
      50% {
        box-shadow: 0 0 20px #3498db;
      }
      100% {
        box-shadow: 0 0 10px #3498db;
      }
    }
    .close-full-screen {
      background-image: url("./close-full-screen.png");
      background-size: cover;
      width: 18px;
      height: 18px;
    }
    .Specification1 {
      background-image: url('../img/process/Specification1.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .Specification2 {
      background-image: url('../img/process/Specification2.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .Specification3 {
      background-image: url('../img/process/Specification3.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .Specification4 {
      background-image: url('../img/process/Specification4.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .Specification5 {
      background-image: url('../img/process/Specification5.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .Specification6 {
      background-image: url('../img/process/Specification6.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .Specification7 {
      background-image: url('../img/process/Specification7.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .Specification8 {
      background-image: url('../img/process/Specification8.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .Specification9 {
      background-image: url('../img/process/Specification9.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .Constituent {
      background-image: url('../img/process/Constituent.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .others1 {
      background-image: url('../img/process/Specification5.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .others2 {
      background-image: url('../img/process/Specification5.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .others3 {
      background-image: url('../img/process/others3.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .others4 {
      background-image: url('../img/process/Specification5.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .others5 {
      background-image: url('../img/process/Specification5.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .others6 {
      background-image: url('../img/process/Specification8.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .others7 {
      background-image: url('../img/process/others7.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .others8 {
      background-image: url('../img/process/others8.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .others9 {
      background-image: url('../img/process/others9.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .others10 {
      background-image: url('../img/process/others10.png');
      background-size: cover;
      width: 110px;
      height: 110px;
    }
    .dw {
      font-style: normal;
      font-size: 16px;
    }
    .headMenu{
      height: 61px;
      .headColor {
        height: 60px;
        line-height: 60px;
        background-color: themed('top-menu-background');
        color: themed('top-menu-color');
        border-width: 0px 0px 1px 0px;
        border-style: solid;
        border-color: #405790;
      }
    }
    .leftMenu{
      background-color: themed('top-menu-background');
      color: themed('top-menu-color');
      border-right: 1px solid #405790;
    }
    .xw_contain {
      background-color: themed('background-color');
    }
    .proImg{
      border: 1px solid #405790;
      border-collapse: collapse;
      margin: 0px 3px;
      cursor: pointer;
      .con{
        background-color: themed('background-color');
        border-bottom: 1px solid #405790;
        text-align: center;
        line-height: 30px;
      }
      .img{
        height: 90px;
        width: 110px;
        background-repeat: no-repeat;
        background-position: center;
      }
    }
  }
}
.parmsData {
  height: calc(100vh - 172px);
  overflow-y: auto;
}
.saveBtn {
  position: relative;
  text-align: right;
  padding-right: 30px;
}
.lineImg {
  height: 40px;
  border-bottom: 3px dotted #7f828b;
  position: relative;
}
.equipment {
  height: 50px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  text-align: center;
}
.biaoChi{
  width:1px;
  height: 10px;
  border: 1px dashed black;
  margin-left: 48%;
}
.NoUse{
  background-color: #7f828b;
}
.IsUse{
  background-color: #dd5a43;
}

.valve {
  top: 60px;
  width: 12px;
  height: 30px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  text-align: center;
  background-image: url("@/assets/img/valves/greyDroplet.png");
}
.valveB {
  top: 6px;
  width: 12px;
  height: 30px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  text-align: center;
  transform: rotate(180deg);
  background-image: url("@/assets/img/valves/greyDroplet.png");
}
.valveNoUse {
  background-image: url("@/assets/img/valves/greyDroplet.png");
}
.valveIsUse {
  background-image: url("@/assets/img/valves/blueDroplet.png");
}